<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="../../static/js/rem.js" type="text/javascript"></script>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--<meta content="yes" name="apple-touch-fullscreen">-->
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>关注公众号</title>
    <link rel="stylesheet" href="../../static/css/common.css" type="text/css">
    <style type="text/css">
        .interest{
            width: 100%;
            height: 100%;
            /*display: none;*/
            z-index: 10;
            background: rgba(0, 0, 0, 0.5);
            position: fixed;
            left:0;
            top:0;
        }
        .interest_content{
            width: 15rem;
            height:20rem;
            background: white;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            border-radius: 5px;
            overflow: hidden;
            text-align: center;
            padding-left: 0.8rem;
            box-sizing: border-box;
        }
        .interest_close{
            text-align: right;
            padding:0.5rem 0.5rem;
            margin-bottom: 1rem;
        }
        .interest_close img{
            width: 0.7rem;

        }
        .interest_img{
            background-image: url("../../static/img/bg_qrcode.png");
            background-size: 100% 100%;
            width: 11.5rem;
            height: 10rem;
            margin: 0 auto;
            box-sizing: border-box;
            position: relative;
        }
        .interest_img >div{
            width: 8rem;
            height: 8rem;
            position: absolute;
            left:1.5rem;
            top:0.6rem;
        }
        .interest_img img{
            height: 100%;
            width: 100%;
        }
        .interest_content span{
            font-size: 0.8rem;
            color: #c1c1c1;
            display: block;
            margin-top: 1rem;
        }
    </style>
</head>
<body>
<div class="interest">
    <div class="interest_content">
        <div class="interest_close"><img src="../../static/img/close.png"></div>
        <div class="interest_img"><div><img src="../../static/img/qrcode.jpg"></div></div>
        <p>报名参加此活动<br>请先关注重庆市儿童图书馆</p>
        <span>长按识别二维码，添加关注!</span>
    </div>
</div>
</body>
</html>